<template>
  <div>
    <comeback></comeback>
    <div class="coupons">
      <!-- 输入兑换码 -->
      <div class="couponnumbox">
        <input class="couponnum" type="text" placeholder="请输入兑换码" />
        <p>兑换</p>
      </div>
      <!-- 礼卷 -->
      <div>
        <ul>
          <li></li>
        </ul>
      </div>
    </div>
  </div>
</template>
<script>
import comeback from '@/components/comeback'
export default {
  data () {
    return {
      datalist: []
    }
  },
  components: {
    comeback
  }
}
</script>
<style lang="scss" scoped>
.coupons {
  background-color: #f5f5f5fd;
  padding: 15px;
}
.couponnumbox {
  display: flex;
  justify-content: space-between;
  input {
    width: 75%;
    height: 44px;
    outline: none;
    border: none;
    padding-left: 10px;
  }
  p {
    width: 20%;
    height: 44px;
    background-color: #f0d90f;
    text-align: center;
    line-height: 44px;
  }
}
</style>
